<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0042)http://prod.clearassessments.com/otp/login -->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
                <!-- HTTP 1.1 -->
        <meta http-equiv="Cache-Control" content="no-store">
        <!-- HTTP 1.0 -->
        <meta http-equiv="Pragma" content="no-cache">
        <!-- Prevents caching at the Proxy Server -->
        <meta http-equiv="Expires" content="0">
        
        <meta name="generator" content="AppFuse 2.0"> <!-- leave this for stats please -->
        <link rel="icon" href="http://prod.clearassessments.com/otp/images/favicon.ico">
        <title>Login | Clear Profiling</title>

        <link rel="stylesheet" type="text/css" media="all" href="styles/puzzlewithstyle/theme.css">
        <link rel="stylesheet" type="text/css" media="all" href="styles/puzzlewithstyle/myfaces.css">
        <link rel="stylesheet" type="text/css" media="print" href="styles/puzzlewithstyle/print.css">

        <script type="text/javascript" src="./Login   Clear Profiling_files/prototype.js"></script>
        <script type="text/javascript" src="./Login   Clear Profiling_files/scriptaculous.js"></script><script type="text/javascript" src="./Login   Clear Profiling_files/builder.js"></script><script type="text/javascript" src="./Login   Clear Profiling_files/effects.js"></script><script type="text/javascript" src="./Login   Clear Profiling_files/dragdrop.js"></script><script type="text/javascript" src="./Login   Clear Profiling_files/controls.js"></script><script type="text/javascript" src="./Login   Clear Profiling_files/slider.js"></script><script type="text/javascript" src="./Login   Clear Profiling_files/sound.js"></script>
        <script type="text/javascript" src="./Login   Clear Profiling_files/global.js"></script>
        <meta name="heading" content="Login">
    <meta name="menu" content="Login">
    <link rel="stylesheet" type="text/css" media="all" href="styles/puzzlewithstyle/layout-1col.css">
    </head>
<body id="login">

    <div id="page">
        <div id="header" class="clearfix">
            



















<div id="branding">
    <img src="images/logo.png" />
</div>
<hr>



        </div>

        <div id="content" class="clearfix">
            <div id="main">
                





                <h1>Login</h1>
                <form method="post" id="loginForm" action="http://prod.clearassessments.com/otp/j_security_check" onsubmit="saveUsername(this);return validateForm(this)">
<fieldset style="padding: 0px; margin:0px; border:0px;float: left;">
<ul>

    <li><table cellpadding="0" cellspacing="0" border="0" style="border:0px;"><tr><td align="left" width="130" nowrap="nowrap">
       <label for="j_username" class="required desc">
            Username <span class="req">*</span>:
        </label></td>
        <td align="left" height="40"><input type="text" class="text medium" name="j_username" id="j_username" tabindex="1"></td>
        </tr></table>
    </li>

    <li><table cellpadding="0" cellspacing="0" border="0" style="border:0px;"><tr><td align="left" width="130">
        <label for="j_password" class="required desc">
            Password <span class="req">*</span>:
        </label></td>
        <td align="left" height="40"><input type="password" class="text medium" name="j_password" id="j_password" tabindex="2" style="background-color: rgb(255, 255, 221);"></td></tr></table>
    </li>


    <li><table cellpadding="0" cellspacing="0" border="0" style="border:0px;"><tr><td align="left" width="122" height="40">&nbsp;
        </td>
        <td align="left">
        <input type="checkbox" class="checkbox" name="_spring_security_remember_me" id="rememberMe" tabindex="3" style="padding: 0px; margin:0px; border:0px;">
        <label for="rememberMe" class="choice" style="font-size:14px; color:#666;">Remember Me</label></td></tr></table>
    </li>

    <li>
       <table cellpadding="0" cellspacing="0" border="0" style="border:0px;" ><tr><td align="left" width="122" height="30">&nbsp;
        </td>
        <td align="left"><input type="submit" class="button" name="login" value="Login" tabindex="4"></td></tr></table>
        
            
        
    </li>
</ul>
</fieldset>
</form>
<div style="float: left; width: 100px; height:170px; text-align:center; padding-top:20px;"><img src="images/vertical_shadow.png" /></div>
<div style="float: left; width: 400px; height:170px; text-align:left; font-size: 14px; font-weight:normal;">
	<p><span style="font-size:18px; color:#333;">Not a member?<br /></span>
	<a href="http://prod.clearassessments.com/otp/signup">Signup for an account</a>.</p>
    <br />&nbsp;
    <p><span style="font-size:18px; color:#333;">Forgot your password?</span><br />
  Have your <a href="http://prod.clearassessments.com/otp/login?" onmouseover="window.status=&#39;Have your password hint sent to you.&#39;; return true" onmouseout="window.status=&#39;&#39;; return true" title="Have your password hint sent to you." onclick="passwordHint(); return false" id="passwordHint">password hint e-mailed to you</a>.</p>
</div>
<script type="text/javascript">
    if (getCookie("username") != null) {
        $("j_username").value = getCookie("username");
        $("j_password").focus();
    } else {
        $("j_username").focus();
    }
    
    function saveUsername(theForm) {
        var expires = new Date();
        expires.setTime(expires.getTime() + 24 * 30 * 60 * 60 * 1000); // sets it for approx 30 days.
        setCookie("username",theForm.j_username.value,expires,"/otp/");
    }
    
    function validateForm(form) {                                                               
        return validateRequired(form); 
    } 
    
    function passwordHint() {
        if ($("j_username").value.length == 0) {
            alert("Username is a required field.");
            $("j_username").focus();
        } else {
            location.href="/otp/passwordHint/" + $("j_username").value;
        }
    }
    
    function required () { 
        this.aa = new Array("j_username", "Username is a required field.", new Function ("varName", " return this[varName];"));
        this.ab = new Array("j_password", "Password is a required field.", new Function ("varName", " return this[varName];"));
    } 
</script>



            </div>

            
            

            <div id="nav" style="display:none;">
                <div class="wrapper">
                    <h2 class="accessibility">Navigation</h2>
                    


















<ul id="primary-nav" class="menuList">
    <li class="pad">&nbsp;</li>
    
    No menu in repository with name:  MainMenu
    
    No menu in repository with name:  UserInstanceMenu
    
    
    
    
</ul>


                </div>
                <hr>
            </div><!-- end nav -->
        </div>

    </div>
      <div id="footer"><div style="width:940px;"><div style="float:left; width:440px; text-align:left;">Powered by Clear Profiling | 2013 © All Rights Reserved</div><div style="float:left; width:500px; text-align:right;"><a href="#">Contact</a>  |<a href="#">Privacy</a> | <a href="#">Home</a></div></div></div>


</body></html>